Introducción a HTML, CSS y SVG

IIC2026 2020-2

CSS

Introducción a HTML, CSS y SVG

IIC2026 2020-2

Cascading Style Sheets

Cascading Style Sheets


  • Languaje de hojas de estilo.
  • Permiten declarar propiedades visuales para HTML.
  • El navegador web es quien interpreta dichas declaraciones.

Declaraciones



						p {
						  color: blue;
						}
					

Declaraciones



						p {
						  color: blue;
						}
					

						selector {
						  propiedad_1: valor_1;
						  propiedad_2: valor_2;
						  ...
						}
					

Declaraciones



						/* estilo.css (esto es un comentario en CSS) */
						p {
						  color: blue;
						}
					

<!DOCTYPE html>
<html>
								
  <head>
    <meta charset="utf-8">
    <title>Título de documento completo</title>
    <link href="estilo.css" rel="stylesheet" type="text/css">
  </head>

  <body>
    ...
  </body>
</html>
					

Selectores



						li, h1, h2 {
						  color: blue;
						}
					

Selectores



						.importante {
						  color: red;
						}
					

Selectores



						.importante {
						  color: red;
						}
					

						#principal {
						  color: green;
						}
					

Más propiedades



						body {
						  background-color: #eeeeee;
						  font-family: monospace;
						  font-size: 20px;
						}
					

CSS

Introducción a HTML, CSS y SVG

IIC2026 2020-2


¡Deja tus preguntas en los comentarios!